<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
	<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> 
	<META HTTP-EQUIV="Expires" CONTENT="0"> 
	<title>我的缴存</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/font_eolqem241z66flxr.css" media="all" />
	<link rel="stylesheet" href="../../css/news.css" media="all" />
	<script src="../../layui/js/angular.js"></script>
	<script type="text/javascript" src="../../layui/layui/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="../../layui/layui/GetPath.js"></script>
	<script src="../../layui/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript" src="../../layui/js/fy.js"></script>
	<script type="text/javascript" src="../../layui/layui/layer.ext.js"></script>
	<script type="text/javascript" src="../../layui/lay/modules/layer.js"></script>
	<script type="text/javascript" src="../../layui/js/jegs.js"></script>
	<!-- JQuery 的遮罩层 -->
	<style type="text/css">     
    .mask {       
            position: absolute; top: 0px; filter: alpha(opacity=60); 
            z-index: 1002; left: 0px;              
			background:url(../../layui/layui/img/jz.gif) no-repeat center rgba(0,0,0,0.5) ;
		  	background-size:30px 30px;
			background-repeat: no-repeat;
			background: 
        }     
	</style>   
	</head>
<body class="childrenBody">
	<div align="center" id="mask" class="mask"></div>   
	<div class="sysNotice col">
			<blockquote class="layui-elem-quote title">我的缴存基础信息</blockquote>
			<table class="layui-table">
				<tbody>
					<tr>
						<td >姓名</td>
						<td style="text-align:left;padding-left:20px;"><b id="XINGMING"></b></td>
						<td>缴存单位</td>
						<td style="text-align:left;padding-left:20px;"><b id="DWMC"></b></td>
						<td>缴存状态</td>
						<td style="text-align:left;padding-left:20px;"><b id="GRZHZT"></b></td>
					</tr>
					<tr>
						<td>公积金余额</td>
						<td style="text-align:left;padding-left:20px;"><b id="GRZHYE"></b></td>
						<td>初缴时间</td>
						<td style="text-align:left;padding-left:20px;"><b id="CJNY"></b></td>
						<td>最后缴存时间</td>
						<td style="text-align:left;padding-left:20px;"><b id="ZHJJSJ"></b></td>
					</tr>	
					<tr>
						<td>个人缴存比例</td>
						<td style="text-align:left;padding-left:20px;"><b id="GRJCBL"></b></td>
						<td>单位缴存比例</td>
						<td style="text-align:left;padding-left:20px;"><b id="DWJCBL"></b></td>
						<td>月缴存额</td>
						<td style="text-align:left;padding-left:20px;"><b id="YJCE"></b></td>
					</tr>	
					<tr>
						<td>工资基数</td>
						<td style="text-align:left;padding-left:20px;"><b id="GZJS"></b></td>
						<td>逐月起始日期</td>
						<td style="text-align:left;padding-left:20px;"><b id="HKQSRQ"></b></td>
						<td>逐月终止日期</td>
						<td style="text-align:left;padding-left:20px;"><b id="HKJSRQ"></b></td>
					</tr>						
				</tbody>
			</table>
		</div>
	<div class="layui-form links_list" ng-app="myApp" ng-controller="customersCtrl" align="center" >
	 <blockquote class="layui-elem-quote news_search" style="text-align: left;">
  		<div class="layui-inline" align="left">
	      <label class="layui-form-label" style="width: 80px">缴存年月:</label>
	      <div class="layui-input-inline">
	        <input class="layui-input" id="test8" placeholder="请选择年月"  type="text" style="width: 260px" readonly contentEditable="false">
	      </div>
	      <input ng-click="cx()" type="button" class="layui-btn layui-btn-primary" value="查&nbsp;&nbsp;&nbsp;&nbsp;询">
	    	<a class="layui-btn layui-btn-normal layui-btn-xs" onclick="dyzm()">缴存证明打印</a>
	    </div>
	</blockquote>
	  	<div>
 			<loading>查询中请稍后</loading>
	  	<table class="layui-table" id="test">
				<tr style="background-color:#f1f1f1">
					<th>缴交年月</th>
					<th>实际缴存日期</th>
					<th style="text-align: right;">缴存金额</th>
					<th style="text-align: right;">个人月缴存额</th>
					<th style="text-align: right;">单位月缴存额</th>
					<th>个人缴存比例</th>
					<th>单位缴存比例</th>
					<th>单位名称</th>
				</tr> 
				<tr ng-repeat="x in names" align="center">
				<td>{{ x.JJNY }}</td>
				<td>{{ x.SHRQ }}</td>
				<td style="text-align: right;">{{ x.JCJE | currency:"￥"}}</td>
				<td style="text-align: right;">{{ x.GRYJCE | currency:"￥"}}</td>
				<td style="text-align: right;">{{ x.DWYJCE | currency:"￥"}}</td>
				<td>{{ x.GRJCBL }}</td>
				<td>{{ x.DWJCBL }}</td>
				<td>{{ x.DWMC }}</td>
			 </tr>
		</table>
		</div>
		<div class="layui-btn-group">
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Sy()">首页</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Previous()">上一页</button>
			<button ng-repeat="page in pageList" class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="selectPage(page)">{{ page }}</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Next()">下一页</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Wy()">尾页</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm "
				>{{selPage}}/{{pages}}</button>
		</div>
	</div>
	<script type="text/javascript" src="../../layui/layui/layui.js"></script>
	<script>
		layui.use('layer', function(){
  			var layer = layui.layer;
		});              
	</script>
	<script> 
        	var a;
			var app = angular.module('myApp', []);
			 app.directive('loading', function(){  
		        return {  
		            restrict: 'E',  
		            transclude: true,  
		            template: '<div ng-show="loading" class="loading" id="allDiv"  style="position:fixed; top:0px; left:0px; width:100%; height:100%; display:none; background-color:#000; opacity: 0.5; z-index:99999;">'  
		            +'<img alt="" src="../../layui/layui/img/jz.gif" style="vertical-align: middle;width:30px; height:30px; position: absolute; top:50%; left:50%; margin-top: -50px; margin-left:-50px;"/>'
		            +'</div>',  
		            link: function (scope, element, attr) {  
		                scope.$watch('loading', function (val) {  
		                    if (val){  
		                        document.getElementById("allDiv").style.display = "block";  
		                    }else{  
		                        document.getElementById("allDiv").style.display = 'none';  
		                    }  
		                });  
		            }  
		        };
		    });  
			    app.controller('customersCtrl', function($scope, $http) {
			    $scope.setLoading =function(){  
				    if($scope.loading ==undefined || $scope.loading ==false){  
				        $scope.loading=true;  
				    }else{  
				        $scope.loading=false;  
				    };
				};
			    $scope.cx = function () {
			    	var rq=document.getElementById("test8").value;
			    	if(rq!="" && rq != null){
				   		$scope.setLoading();
		      			$scope.params={sj:document.getElementById("test8").value},
					$http({
						url:getPath() + "/wsyyt/jclsjlcontroller/test",
						method:'post',
						params:$scope.params
					}).then(
						function(res) {
							$scope.data = res.data.data;//自己打断点看格式:[{},{}]
							$scope.setLoading();
							if(res.data.msg==null){
								
								 	layer.msg("登陆失效请重新登陆");
									setTimeout(function () {
										window.top.location.href=res.data;
									}, 1500);
									return;
								 
							}else if(res.data.code==1){
								$scope.names="";
								$scope.selPage="";
								$scope.selectPage="";
								$scope.pages="";
								$scope.page="";
								$scope.pageList="";
								layer.alert('提示：'+res.data.CW, {
								      skin: 'layui-layer-molv' //样式类名  自定义样式
								     ,closeBtn: 1    // 是否显示关闭按钮
								      ,anim: 1 //动画类型
								     ,btn: ['确认'] //按钮
								      ,icon: 5    // icon
								     ,btn2:function(){
										
								     }});	
								 return null;						
								}
								console.log(res);
								a = res.data.CNT;
								feny($scope.data);
							});			
						}else{
								$scope.names="";
								$scope.selPage="";
								$scope.selectPage="";
								$scope.pages="";
								$scope.page="";
								$scope.pageList="";
								layer.alert('提示：缴存年月不能是空！', {
								      skin: 'layui-layer-molv' //样式类名  自定义样式
								     ,closeBtn: 1    // 是否显示关闭按钮
								      ,anim: 1 //动画类型
								     ,btn: ['确认'] //按钮
								      ,icon: 5    // icon
								     ,btn2:function(){
								         return null;
								     }});	
						}
					};
				});
		</script>
		<script type="text/javascript" src="../../js/log.js"></script>
	<script type="text/javascript">
		function s(){     
        $("#mask").css("height",$(document).height());     
        $("#mask").css("width",$(document).width());     
        $("#mask").show();     
	    }  
	    //隐藏遮罩层  
	    function h(){     
	          
	        $("#mask").hide();     
	    }  
		$(function(){
			s();
			$.ajax({
				url : getPath()+'/wsyyt/jcjbqkcontroller/test',
				method : 'post',
				dataType : 'JSON',
				success : function(result) {
					h();
					var data = result.data;//这边的data属性是object
					if(result.msg==null){
						layer.msg("登陆失效请重新登陆");
										setTimeout(function () {
											window.top.location.href=result.data;
										}, 1500);
										return;
					}
						$.each(data[0], function(key, value) {
							var ye=data[0].GRZHYE;
							var gzjs=data[0].GZJS;
							var YJCE=data[0].YJCE;
							$("#" + key).html(value);
							$("#GZJS").html(formatCurrency(gzjs));
							$("#GRZHYE").html(formatCurrency(ye));
							$("#YJCE").html(formatCurrency(YJCE));
							console.log(data[0]);
						});
				},
			});
		});
		 function dyzm() {
				layer.open({
	            type: 2,
	            title: false,
	            closeBtn: 0, //不显示关闭按钮
	            shade: [0],
	            area: ['0px', '0px'],
	            offset: 'auto', //右下角弹出
	            time: 1, 
	            content: ['test/guodu.html', 'no'], //iframe的url，no代表不显示滚动条
	            end: function(){ //此处用于演示
		                layer.open({
		                    type: 2,
		                    title: '住房公积金缴存情况证明',
		                    shadeClose: true,
		                    shade: false,
		                    maxmin: true, //开启最大化最小化按钮
		                    area: ['100%', '100%'],
		                    content: getPath()+'/wsyyt/page/gjj/jcdyzm.html'
		                });
	            	}	
	        	});
		    };
	</script>
	<script>
	layui.use('laydate', function(){
	  var laydate = layui.laydate;
	  laydate.render({
	    elem: '#test8'
	    ,type: 'month'
	    ,range: true
	  });
	});
	</script>
</body>
</html>